<template>
<div>
     <Menu mode="horizontal" :theme="theme1" active-name="2" @on-select="handleSelect">
        <MenuItem name="1" to="/">
            首页
        </MenuItem>
        <MenuItem name="2" to="/zhongbao">
            众测任务
        </MenuItem>    
         <MenuItem name="3" to="/zhongbao">
            众测荣誉
        </MenuItem> 
         <MenuItem name="4" to="/zhongbao">
            众测服务
        </MenuItem> 
          <MenuItem name="5" to="/zhongbao">
            众测价值
        </MenuItem> 
          <MenuItem name="6" to="/zhongbao">
            众测学院
        </MenuItem> 
    </Menu>
 

    </div>
</template>
<script>
    export default {
        data () {
            return {
                theme1: 'light'
            }
        },
        methods:{
            handleSelect:function(event){
                    console.log(event)
            }
        }
    }
</script>
<style >
.ivu-menu{
  display: block;
  margin: 0;
  padding: 0;
  outline: 0;
  list-style: none;
  color:#515e6e;
  position:unset;
  font-size: 14px;
  z-index: 900;
}
</style>
